<template>
    <view class="index">
        <ProjSearch-Box />
        <Tabbar-Box />
    </view>
</template>

<script>
import { reactive, toRefs } from 'vue';
import SearchBox from './components/SearchBox.vue';
import ProjSearchBox from './components/ProjSearchBox.vue';
import TabbarBox from '../../../pages/index/components/TabbarBox.vue';
export default {
    name: 'cartPage',
    components: {
        'Search-Box': SearchBox,
        'ProjSearch-Box': ProjSearchBox,
        'Tabbar-Box': TabbarBox
    },
    setup() {
        const state = reactive({

        });

        return {
            ...toRefs(state),

        }
    }
}
</script>

<style lang="scss">
.index {
    font-family: "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: #F8F8F8;

}
</style>
